<template>
  <div class="tabbar">
    <van-tabbar active-color="#ee0a24" route inactive-color="#666">
      <van-tabbar-item to="/" icon="home-o" name="">首页</van-tabbar-item>
      <van-tabbar-item to="/Category" icon="apps-o">分类</van-tabbar-item>
      <van-tabbar-item to="/cart" icon="cart-o">购物车</van-tabbar-item>
      <van-tabbar-item to="/user" icon="user-o">登录</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.tabbar {
  :deep .icon {
    font-size: 22px;
  }
}
.van-tabbar{
  position:absolute;
  display: flex;
  flex-direction: column;
  width: 2.88rem;
  height: 5.18rem;
  justify-content: space-around;
  align-items: center;
  top:0PX;
  left: 7rem;
}
</style>
